:root{
   --card-text-bg-color: rgb(0 31 59 / 50%);
}
.index-column-data{
   width:100%;
   display:grid;
   gap: 24px;
   grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); /* 设置每个子项的宽度 */
}
.index-column-data .column-hongkong-item {
  grid-column: 1 / -1;
}
.index-column-data .column-hongkong-item .column-story-list-1-2 {
  gap: 24px;
}
.index-column-data .column-hongkong-item .column-story-list-1-2 .item{
  flex-basis: 0;
  flex-grow: 1;
  margin-bottom: 0;
}
.index-column-data .column-item,.index-column-data .column-story-list-1-2 {
   width: 100%;
}
.index-column-data .column-item .limit-index  .wrap{
   width:100%;
   position:relative;
}
.index-column-data .column-item .limit-index .wrap .text{
   position:absolute;
   width:100%;
   /*height: 64px;*/
   bottom: 0;
   /* 0202 xiugai */
   /*background: var(--header-color);*/
  	background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgba(0, 50, 81, 0.6));
	padding: 5px 10px;
}
.index-column-data .column-item .limit-index .wrap .text a{
   color: var(--header-font-color)
}
.story-title-list{
  width:100%;
}
.column-story-list-1-2>.item:nth-child(2){
   margin-bottom: 8px;
}
.index-column-data .column-item .text h3 a{
  font-size: var(--common-font-size);
  display: flex;
  align-items: center;
}
.index-column-data .column-story-list .story-title-list .title-list {
  height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.index-column-data .column-story-list .story-title-list .title-list .text {
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
    .index-column-data{
      grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); /* 设置每个子项的宽度 */
   }
}
@media screen and (max-width: 900px) {
    .index-column-data{
      grid-template-columns: repeat(auto-fill, minmax(40%, 1fr)); /* 设置每个子项的宽度 */
   }
}
@media screen and (max-width: 768px) {
    .index-column-data{
      grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); /* 设置每个子项的宽度 */
   }
  .story-title-list{
    width:100%;
  }

  .index-column-data .column-hongkong-item .column-story-list-1-2 .item {
    flex-basis: 100%;
    flex-grow: 0;
    margin-bottom: 0;
   }
}